﻿/*Default Parameter****************************************************************************************************************/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;
    /*width: 905px;*/
}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border: none;}

body{
	font-family: Arial;
	font-size: 12px;
}
h2{
	    font-size:18px;
        margin:0 0 5px 0;
        padding:0 0 5px 0;
        color: #8c7a7c;
}
h1{
        font-size: 20px;
        margin:0 0 5px 0;
        padding:0 0 0 0;
}

h4{
        color: #5f0e0e;
        font-weight: bold;
        font-size: 20px;
        margin: 0 0 10px 0;
}

li{
	list-style:none;
}

a{
	text-decoration:none;
}

/*End Default Parameter****************************************************************************************************************/


/*Page****************************************************************************************************************/

.page{
        margin:auto;
        overflow:hidden;
        width:1000px;
}

.banniere{
        margin-top: 15px;
        width:100%;
        height: 100px;
	    overflow:hidden;
        background-color: #858585;

        /* Arrondi */

        -moz-border-radius: 10px 10px 0 0;

        /* Dégradé */

        background: -moz-linear-gradient(#aaaaaa, #dddddd);

/*         Ombre
        
         offset left, top, thickness, color with alpha 
        -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
         IE 
        filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray');
         slightly different syntax for IE8 
        -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray')";*/

}

.onglets{
        width:1000px;
	    /*overflow:hidden;*/
        border: 1px solid black;
        position:relative;
        z-index:120;
        height:25px;
}

.container{
        width:99.5%;
	    overflow:hidden;
        border-right: 1px solid #858585;
        border-left: 1px solid #858585;
        position:relative;
        z-index:2;
}

.footer{
        width: 100%;
        overflow: hidden;
        text-align: center;
        height:15px;
        padding:10px 0 10px 0;
        margin-top: 10px;
        margin-bottom: 10px;
        background-color: #858585;

        /* Arrondi */

        -moz-border-radius: 0 0 10px 10px;

        /* Dégradé */
        
        background: -moz-linear-gradient(#dfdfdf, #797979);

}
/*End Page****************************************************************************************************************/


/*Container****************************************************************************************************************/

.container_centre{
	padding:0 0 0 0;
        margin: 3px 15px 0 15px;
        width: 96.5%;
        min-height: 391px;
        border: 1px solid black;
        text-align: center;
}

/*End Container****************************************************************************************************************/

/*Onglets****************************************************************************************************************/

/*.onglets li a{
        float:left;
}

.onglets li a:hover{
        FILTER: alpha(opacity=75);
        -moz-opacity: 0.75;
        opacity: 0.75;
        -khtml-opacity: 0.75;
}
/*End Onglets****************************************************************************************************************/

/*Footer****************************************************************************************************************/

.footer a{
        color: #406319;
        font-weight: bold;
}

.footer a:hover{
        color: white;
        font-weight: bold;
}

/*End Footer****************************************************************************************************************/


/*Menu****************************************************************************************************************/

.Menu{
        width: 200px;
        margin: 0 0 40px 0;
}

.Menu_Rubriques{
        border-bottom: 2px solid #108a36;
}

.Menu_Rubriques a{
        color: #108a36;
        font-weight: bold;
}

.Menu_Sous_Rubriques{
        margin: 0 0 0 5px;
}


.Menu_Sous_Rubriques a{
        color: #e56d00;
        font-weight: bold;
}

.Menu_Sous_Rubriques a:hover{
        color: white;
        font-weight: bold;
        background-color: #108a36;
}

/*END Menu****************************************************************************************************************/

/**************** Fenêtre *********************/

#draggable
{
    position: absolute;
    margin-left: 650px;
    margin-top: 15px;
    width: 280px;
    height: 330px;
    background: silver;
    -moz-border-radius: 10px;
}

#draggableCenter
{
    margin: 10px;
    width: 260px;
    height: 310px;
    background-color: #e2deeb;
    border: 1px solid white;
}

#draggableOnglet
{
    width: 260px;
    height: 20px;
}

#draggableOnglet img
{
    margin-left: 230px;
    padding: 5px;
}

#infosButton
{
    float: right;
}

.tinyTip{
    width: 280px;
    padding: 14px 0px 0px 0px;
    display: block;
    background: url(../img/tinyTip-top.png) 0px 0px no-repeat;
}
.tinyTip .content{ 
    font-size: 14px;
    font-family: "Lucida Sans Unicode";
    color: #010101;
    background: url(../img/tinyTip-content.png) 0px 0px repeat-y;
    text-align: center;
}

.tinyTip .bottom
{
    height: 40px;
    background: url(../img/tinyTip-bottom.png) 0px 0px no-repeat;
    font: 0px/0px sans-serif;
}

img.tTip
{
    margin: 8px 15px 8px 0px;
    float: left;
}

.ui-effects-transfer
{ 
    border: 1px solid black;
}
/***************** END Fenêtre*********************/

/**************** ListView = Table d'enregristrements *************/
.Table_ItemList
{
    width:100%;    
}

.Table_ItemList td
{
    width:50%;
    padding-left:20px;
}
/************************** END ListView *************************/
/*************** FieldSet ***********************/
fieldset
{
    border:2px solid grey;
    padding-left:20px;
}
/************** END Fieldset ********************/

.RadEditor
{
    margin-top:20px;    
}

.DynamicMenu
{
    width:100%;
    z-index:1000;
    top: 0px;
    left: 0px;
}

.MenuItem
{
    z-index:100000;
}